// Cascade

@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './param';

@mixin cascade {
  width: 100%;
}

@mixin cascade-portal {
  margin: 0.0625rem 0;
  font-size: $--x-cascade-font-size;
  color: $--x-text;
  border: $--x-cascade-border;
  border-radius: $--x-border-radius;
  box-shadow: $--x-box-shadow-light;
  background-color: $--x-background;
  display: flex;
  > x-list {
    .x-list-option {
      min-width: 8rem;
    }
    &:not(:first-child) {
      border-left: $--x-border-width solid $--x-border;
    }
  }
}
